<script setup lang="ts">
import { computed, ref } from 'vue';

const popoverRef = ref<HTMLElement>();
const popoverInstance = computed(() => popoverRef);
</script>
<template>
    <f-popover ref="popoverRef" :title="'This the title'"> This is popover content. </f-popover>
    <f-button v-popover="popoverInstance"> hover to show popover </f-button>
</template>
